import React from "react";

import { uniqueId } from "lodash";
import type { SVGProps } from "react";

const Teams = (props: SVGProps<SVGSVGElement>) => {
  const linearGradientId = uniqueId("linear-gradient-");
  return (
    <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
      <path fill="#fff" d="M0 0h32v32H0z" />
      <path
        d="M20.043 14.009h5.94c.562 0 1.017.453 1.017 1.014v5.401a3.732 3.732 0 0 1-3.736 3.73h-.016a3.732 3.732 0 0 1-3.736-3.73v-5.883c0-.294.238-.532.53-.532Zm4.016-1.068a2.405 2.405 0 0 0 2.405-2.402 2.405 2.405 0 0 0-2.406-2.403 2.405 2.405 0 0 0-2.407 2.403 2.405 2.405 0 0 0 2.407 2.402h.001Z"
        fill="#5059C9"
      />
      <path
        d="M16.57 12.941a3.473 3.473 0 0 0 3.212-4.8A3.474 3.474 0 0 0 16.568 6a3.474 3.474 0 0 0-3.476 3.47 3.473 3.473 0 0 0 3.476 3.471h.002Zm4.636 1.068h-9.808a1.004 1.004 0 0 0-.98 1.027v6.16a6.028 6.028 0 0 0 5.884 6.161 6.027 6.027 0 0 0 5.884-6.16v-6.161a1.004 1.004 0 0 0-.98-1.027Z"
        fill="#7B83EB"
      />
      <path
        opacity=".1"
        d="M16.837 14.009v8.633a.982.982 0 0 1-.979.978h-4.97a6.491 6.491 0 0 1-.471-2.425v-6.16a1 1 0 0 1 .98-1.024h5.439l.001-.002Z"
        fill="#000"
      />
      <path
        opacity=".2"
        d="M16.302 14.009v9.167a.985.985 0 0 1-.98.978h-4.18a5.293 5.293 0 0 1-.44-1.068 6.49 6.49 0 0 1-.282-1.89v-6.164a1 1 0 0 1 .98-1.025h4.903l-.001.002Z"
        fill="#000"
      />
      <path
        opacity=".2"
        d="M16.302 14.009v8.1a.985.985 0 0 1-.98.977h-4.62a6.49 6.49 0 0 1-.282-1.89v-6.164a1 1 0 0 1 .98-1.025h4.903l-.001.002Z"
        fill="#000"
      />
      <path
        opacity=".2"
        d="M15.768 14.009v8.1a.986.986 0 0 1-.98.977h-4.087a6.493 6.493 0 0 1-.282-1.89v-6.164a1.002 1.002 0 0 1 .979-1.025l4.37.002Z"
        fill="#000"
      />
      <path
        opacity=".1"
        d="M16.837 11.249v1.682c-.09.005-.175.01-.267.01-.09 0-.176-.005-.268-.01a3.475 3.475 0 0 1-3.114-2.66h2.67a.982.982 0 0 1 .98.976v.002Z"
        fill="#000"
      />
      <path
        opacity=".2"
        d="M16.302 11.783v1.148a3.475 3.475 0 0 1-2.941-2.124h1.963a.982.982 0 0 1 .978.976Z"
        fill="#000"
      />
      <path
        opacity=".2"
        d="M16.302 11.783v1.148a3.475 3.475 0 0 1-2.941-2.124h1.963a.982.982 0 0 1 .978.976Z"
        fill="#000"
      />
      <path
        opacity=".2"
        d="M15.768 11.783v1.063a3.474 3.474 0 0 1-2.407-2.04h1.43a.982.982 0 0 1 .977.977Z"
        fill="#000"
      />
      <path
        d="M4.98 10.805h9.807a.98.98 0 0 1 .98.98v9.788a.98.98 0 0 1-.98.979H4.979a.98.98 0 0 1-.979-.98v-9.787c0-.543.439-.98.98-.98Z"
        fill={`url(#${linearGradientId})`}
      />
      <path
        d="M12.464 14.531h-1.96v5.328H9.256v-5.328H7.301v-1.035h5.16l.002 1.035Z"
        fill="#fff"
      />
      <defs>
        <linearGradient
          id={linearGradientId}
          x1="6.044"
          y1="10.041"
          x2="13.703"
          y2="23.329"
          gradientUnits="userSpaceOnUse"
        >
          <stop stopColor="#5A62C3" />
          <stop offset=".5" stopColor="#4D55BD" />
          <stop offset="1" stopColor="#3940AB" />
        </linearGradient>
      </defs>
    </svg>
  );
};
export default Teams;
